<!DOCTYPE HTML>
<html lang="en">
    
    <head>
        <!--===============b asic===============-->
        <meta charset="UTF-8">
        <title>Portfolio Montage - Creative Photography Responsive Template</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <meta name="robots" content="index, follow" />
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <!--===============c ss===============-->
        <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
        <link type="text/css" rel="stylesheet" href="css/reset.css">
        <link rel="stylesheet" type="text/css" href="css/idangerous.swiper.css">
        <link rel="stylesheet" href="css/magnific-popup.css" media="all">
        <link type="text/css" rel="stylesheet" href="css/style.css">
        <link type="text/css" rel="stylesheet" href="css/color.css">
        <!--===============f avicons===============-->
        <link rel="shortcut icon" href="images/favicon.ico">
    </head>
    
    <body>
        <!--=================m ain start================-->
        <div id="main">
            <!--===============h eader===============-->
            <div class="header">
                <div class="call-menu">
                    <div class="btn-menu-wrapper">
                        <div id="btn-menu"><span class="icon-container"><span class="line line01"></span><span class="line line02"></span><span class="line line03"></span><span class="line line04"></span></span>
                        </div>
                    </div><span class="menutext">menu</span>

                </div>
                <div class="logo-holder">
                     <h2><a href="index.html" class="ajax">Montage</a></h2>

                </div>
            </div>
            <!--===============n avigation===============-->
            <div class="nav-holder isDown">
                <div class="menu-holder">
                    <div id="menu">
                        <ul>
                            <li><a href="index.html" class="ajax  no-vismen"><span>Home</span></a>

                            </li>
                            <li><a href="portfolio.html" class="ajax no-vismen"><span>Work</span></a>

                            </li>
                            <li><a href="about.html" class="ajax no-vismen"><span>About</span></a>

                            </li>
                            <li><a href="blog.html" class="ajax no-vismen"><span>Journal</span></a>

                            </li>
                            <li><a href="contact.html" class="ajax no-vismen"><span>Contact</span></a>

                            </li>
                            <li><a href="portfolio2.html#" class="no-vismen"><span>Pages</span></a>

                                <ul>
                                    <li><a href="portfolio2.html#" class="no-vismen"><span>home</span></a>

                                        <ul>
                                            <li><a href="index2.html" class="ajax"><span>Style 2</span></a>

                                            </li>
                                            <li><a href="index3.html" class="ajax"><span>Style 3</span></a>

                                            </li>
                                            <li><a href="index4.html" class="ajax"><span>Style 4</span></a>

                                            </li>
                                            <li><a href="index5.html" class="ajax"><span>Style 5</span></a>

                                            </li>
                                        </ul>
                                    </li>
                                    <li><a href="portfolio2.html#" class="no-vismen"><span>work</span></a>

                                        <ul>
                                            <li><a href="portfolio2.html" class="ajax"><span>Style 2</span></a>

                                            </li>
                                            <li><a href="portfolio3.html" class="ajax"><span>Style 3</span></a>

                                            </li>
                                            <li><a href="portfolio4.html" class="ajax"><span>Style 4</span></a>

                                            </li>
                                        </ul>
                                    </li>
                                    <li><a href="portfolio2.html#" class="no-vismen"><span>single project</span></a>

                                        <ul>
                                            <li><a href="portfolio-single.html" class="ajax"><span>Style 2</span></a>

                                            </li>
                                            <li><a href="portfolio-single3.html" class="ajax"><span>Style 3</span></a>

                                            </li>
                                            <li><a href="portfolio-single4.html" class="ajax"><span>Style 4</span></a>

                                            </li>
                                        </ul>
                                    </li>
                                    <li><a href="/404.html" class="no-vismen ajax"><span>404</span></a>

                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="nav-social">
                    <ul>
                        <li><a href="portfolio2.html#" class="transition2">Facebook<span class="transition2"></span></a>

                        </li>
                        <li><a href="portfolio2.html#" class="transition2">Twitter<span class="transition2"></span></a>

                        </li>
                        <li><a href="portfolio2.html#" class="transition2">Instagram<span class="transition2"></span></a>

                        </li>
                    </ul>
                </div>
            </div>
            <!--===============w rapper===============-->
            <div id="wrapper">
                <div class="content-holder elem scale-bg2 transition3">
                    <div class="header-overlay"></div>
                    <!--===============p age title===============-->
                    <div class="page-title">
                        <ul>
                            <li>
                                 <h3><a href="portfolio.html" class="ajax">Albums</a></h3>

                            </li>
                            <li>
                                 <h3><a href="portfolio2.html" class="ajax">Style 2</a></h3>

                            </li>
                        </ul>
                    </div>
                    <!--===============p ortfolio filters===============-->
                    <div class="filter-button">Filter</div>
                    <div class="fixed-filters scroll-filters">
                        <div class="gallery-filters"><a href="portfolio2.html#" class="gallery-filter transition2 gallery-filter_active" data-filter="*"><span>All</span></a><a href="portfolio2.html#" class="gallery-filter transition2" data-filter=".people"><span>People</span></a><a href="portfolio2.html#" class="gallery-filter transition2" data-filter=".nature"><span>Nature</span></a><a href="portfolio2.html#" class="gallery-filter transition2" data-filter=".black-white"><span>B & W</span></a><a href="portfolio2.html#" class="gallery-filter transition2" data-filter=".fashion"><span>Fashion</span></a>

                            <div class="count-folio">
                                <div class="num-album"></div>
                                <div class="all-album"></div>
                            </div>
                        </div>
                    </div>
                    <div class="content">
                        <div class="no-kinekt">
                            <div class="gallery-items">
                                <div class="grid-sizer"></div>
                                <!-- 1 -->
                                <div class="gallery-item nature">
                                    <div class="grid-item-holder">
                                        <img src="images/folio/small/1.jpg" alt="">
                                        <div class="overlay"></div>
                                        <div class="grid-item scale-bg3 transition3">
                                             <h3><a href="portfolio-single2.html" class="ajax">Sodio sem lobortis</a></h3>

                                        </div>
                                    </div>
                                </div>
                                <!-- 2 -->
                                <div class="gallery-item   people fashion">
                                    <div class="grid-item-holder">
                                        <img src="images/folio/small/2.jpg" alt="">
                                        <div class="overlay"></div>
                                        <div class="grid-item scale-bg3 transition3">
                                             <h3><a href="portfolio-single2.html" class="ajax">Maecenas lacinia</a></h3>

                                        </div>
                                    </div>
                                </div>
                                <!-- 3 -->
                                <div class="gallery-item   people fashion">
                                    <div class="grid-item-holder">
                                        <img src="images/folio/small/1.jpg" alt="">
                                        <div class="overlay"></div>
                                        <div class="grid-item scale-bg3 transition3">
                                             <h3><a href="portfolio-single2.html" class="ajax">Aliquam mattis</a></h3>

                                        </div>
                                    </div>
                                </div>
                                <!-- 4 -->
                                <div class="gallery-item  people  fashion">
                                    <div class="grid-item-holder">
                                        <img src="images/folio/small/1.jpg" alt="">
                                        <div class="overlay"></div>
                                        <div class="grid-item scale-bg3 transition3">
                                             <h3><a href="portfolio-single2.html" class="ajax">Luctus et ultrices</a></h3>

                                        </div>
                                    </div>
                                </div>
                                <!-- 5 -->
                                <div class="gallery-item  people  fashion">
                                    <div class="grid-item-holder">
                                        <img src="images/folio/small/1.jpg" alt="">
                                        <div class="overlay"></div>
                                        <div class="grid-item scale-bg3 transition3">
                                             <h3><a href="portfolio-single2.html" class="ajax">Phasellus scelerisque</a></h3>

                                        </div>
                                    </div>
                                </div>
                                <!-- 6 -->
                                <div class="gallery-item   people">
                                    <div class="grid-item-holder">
                                        <img src="images/folio/small/1.jpg" alt="">
                                        <div class="overlay"></div>
                                        <div class="grid-item scale-bg3 transition3">
                                             <h3><a href="portfolio-single2.html" class="ajax">Proin accumsan</a></h3>

                                        </div>
                                    </div>
                                </div>
                                <!-- 7 -->
                                <div class="gallery-item   nature">
                                    <div class="grid-item-holder">
                                        <img src="images/folio/small/1.jpg" alt="">
                                        <div class="overlay"></div>
                                        <div class="grid-item scale-bg3 transition3">
                                             <h3><a href="portfolio-single2.html" class="ajax">Duis egestas</a></h3>

                                        </div>
                                    </div>
                                </div>
                                <!-- 8 -->
                                <div class="gallery-item   people fashion">
                                    <div class="grid-item-holder">
                                        <img src="images/folio/small/1.jpg" alt="">
                                        <div class="overlay"></div>
                                        <div class="grid-item scale-bg3 transition3">
                                             <h3><a href="portfolio-single2.html" class="ajax">Quisque</a></h3>

                                        </div>
                                    </div>
                                </div>
                                <!-- 9 -->
                                <div class="gallery-item   nature">
                                    <div class="grid-item-holder">
                                        <img src="images/folio/small/1.jpg" alt="">
                                        <div class="overlay"></div>
                                        <div class="grid-item scale-bg3 transition3">
                                             <h3><a href="portfolio-single2.html" class="ajax">Cras vitae</a></h3>

                                        </div>
                                    </div>
                                </div>
                                <!-- 10 -->
                                <div class="gallery-item    black-white fashion people">
                                    <div class="grid-item-holder">
                                        <img src="images/folio/small/1.jpg" alt="">
                                        <div class="overlay"></div>
                                        <div class="grid-item scale-bg3 transition3">
                                             <h3><a href="portfolio-single2.html" class="ajax">Quisque</a></h3>

                                        </div>
                                    </div>
                                </div>
                                <!-- 11 -->
                                <div class="gallery-item   nature">
                                    <div class="grid-item-holder">
                                        <img src="images/folio/small/1.jpg" alt="">
                                        <div class="overlay"></div>
                                        <div class="grid-item scale-bg3 transition3">
                                             <h3><a href="portfolio-single2.html" class="ajax">Ligula a sapien</a></h3>

                                        </div>
                                    </div>
                                </div>
                                <!-- 12 -->
                                <div class="gallery-item   people fashion">
                                    <div class="grid-item-holder">
                                        <img src="images/folio/small/1.jpg" alt="">
                                        <div class="overlay"></div>
                                        <div class="grid-item scale-bg3 transition3">
                                             <h3><a href="portfolio-single2.html" class="ajax">Class aptent</a></h3>

                                        </div>
                                    </div>
                                </div>
                                <!-- 13 -->
                                <div class="gallery-item   nature">
                                    <div class="grid-item-holder">
                                        <img src="images/folio/small/2.jpg" alt="">
                                        <div class="overlay"></div>
                                        <div class="grid-item scale-bg3 transition3">
                                             <h3><a href="portfolio-single2.html" class="ajax">Nec libero </a></h3>

                                        </div>
                                    </div>
                                </div>
                                <!-- 14 -->
                                <div class="gallery-item   nature">
                                    <div class="grid-item-holder">
                                        <img src="images/folio/small/1.jpg" alt="">
                                        <div class="overlay"></div>
                                        <div class="grid-item scale-bg3 transition3">
                                             <h3><a href="portfolio-single2.html" class="ajax">Viverra</a></h3>

                                        </div>
                                    </div>
                                </div>
                                <!-- 15 -->
                                <div class="gallery-item   nature">
                                    <div class="grid-item-holder">
                                        <img src="images/folio/small/2.jpg" alt="">
                                        <div class="overlay"></div>
                                        <div class="grid-item scale-bg3 transition3">
                                             <h3><a href="portfolio-single2.html" class="ajax">Sed semper</a></h3>

                                        </div>
                                    </div>
                                </div>
                                <!-- 16 -->
                                <div class="gallery-item   fashion black-white">
                                    <div class="grid-item-holder">
                                        <img src="images/folio/small/2.jpg" alt="">
                                        <div class="overlay"></div>
                                        <div class="grid-item scale-bg3 transition3">
                                             <h3><a href="portfolio-single2.html" class="ajax">Proin accumsan</a></h3>

                                        </div>
                                    </div>
                                </div>
                                <!-- 17 -->
                                <div class="gallery-item   people black-white">
                                    <div class="grid-item-holder">
                                        <img src="images/folio/small/2.jpg" alt="">
                                        <div class="overlay"></div>
                                        <div class="grid-item scale-bg3 transition3">
                                             <h3><a href="portfolio-single2.html" class="ajax">Aliquet sodales</a></h3>

                                        </div>
                                    </div>
                                </div>
                                <!-- 18 -->
                                <div class="gallery-item   fashion people">
                                    <div class="grid-item-holder">
                                        <img src="images/folio/small/1.jpg" alt="">
                                        <div class="overlay"></div>
                                        <div class="grid-item scale-bg3 transition3">
                                             <h3><a href="portfolio-single2.html" class="ajax">Vestibulum</a></h3>

                                        </div>
                                    </div>
                                </div>
                                <!-- 19 -->
                                <div class="gallery-item   people">
                                    <div class="grid-item-holder">
                                        <img src="images/folio/small/2.jpg" alt="">
                                        <div class="overlay"></div>
                                        <div class="grid-item scale-bg3 transition3">
                                             <h3><a href="portfolio-single2.html" class="ajax">Maximus vestibulum</a></h3>

                                        </div>
                                    </div>
                                </div>
                                <!-- 20 -->
                                <div class="gallery-item   nature">
                                    <div class="grid-item-holder">
                                        <img src="images/folio/small/1.jpg" alt="">
                                        <div class="overlay"></div>
                                        <div class="grid-item scale-bg3 transition3">
                                             <h3><a href="portfolio-single2.html" class="ajax">Sodio sem lobortis</a></h3>

                                        </div>
                                    </div>
                                </div>
                                <!-- 21 -->
                                <div class="gallery-item   nature">
                                    <div class="grid-item-holder">
                                        <img src="images/folio/small/2.jpg" alt="">
                                        <div class="overlay"></div>
                                        <div class="grid-item scale-bg3 transition3">
                                             <h3><a href="portfolio-single2.html" class="ajax">Mollis nisi</a></h3>

                                        </div>
                                    </div>
                                </div>
                                <!-- 22 -->
                                <div class="gallery-item  fashion">
                                    <div class="grid-item-holder">
                                        <img src="images/folio/small/1.jpg" alt="">
                                        <div class="overlay"></div>
                                        <div class="grid-item scale-bg3 transition3">
                                             <h3><a href="portfolio-single2.html" class="ajax">Faucibus orci</a></h3>

                                        </div>
                                    </div>
                                </div>
                                <!-- 23 -->
                                <div class="gallery-item   people fashion black-white">
                                    <div class="grid-item-holder">
                                        <img src="images/folio/small/1.jpg" alt="">
                                        <div class="overlay"></div>
                                        <div class="grid-item scale-bg3 transition3">
                                             <h3><a href="portfolio-single2.html" class="ajax">Integer</a></h3>

                                        </div>
                                    </div>
                                </div>
                                <!-- 24 -->
                                <div class="gallery-item   nature">
                                    <div class="grid-item-holder">
                                        <img src="images/folio/small/1.jpg" alt="">
                                        <div class="overlay"></div>
                                        <div class="grid-item scale-bg3 transition3">
                                             <h3><a href="portfolio-single2.html" class="ajax">Sodio sem </a></h3>

                                        </div>
                                    </div>
                                </div>
                                <!-- 25 -->
                                <div class="gallery-item    nature">
                                    <div class="grid-item-holder">
                                        <img src="images/folio/small/1.jpg" alt="">
                                        <div class="overlay"></div>
                                        <div class="grid-item scale-bg3 transition3">
                                             <h3><a href="portfolio-single2.html" class="ajax">Lobortis</a></h3>

                                        </div>
                                    </div>
                                </div>
                                <!-- 26 -->
                                <div class="gallery-item   fashion ">
                                    <div class="grid-item-holder">
                                        <img src="images/folio/small/2.jpg" alt="">
                                        <div class="overlay"></div>
                                        <div class="grid-item scale-bg3 transition3">
                                             <h3><a href="portfolio-single2.html" class="ajax">Aenean ut nisi</a></h3>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- end gallery items -->
                        </div>
                    </div>
                </div>
                <!-- wrapper end -->
                <!--===============Q uick view===============-->
                <div id="project-page-holder">
                    <div id="project-page-data"></div>
                </div>
            </div>
        </div>
        <!-- Main end -->
        <!--===============f ooter===============-->
        <footer>
            <ul>
                <li><a class="open-project visproject transition" href="pr-list/project-ajax.html">Quick view <i class="fa fa-list"></i></a>

                </li>
                <li><a class="selectMe shareSelector transition">Share &#173;   <i class="fa fa-share-alt"></i></a>

                </li>
            </ul>
            <p>&#169; Montage 2015. All rights reserved.</p>
        </footer>
        <!--===============s hare===============-->
        <div class="share-container isShare"></div>
        <!--===============b ody copyright===============--><span id="body-copyright" class="transition2 scale-bg5">&#169; Montage 2015.  All rights reserved.</span>

        <!--===============s cripts===============-->
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/jpreloader.min.js"></script>
        <script type="text/javascript" src="js/plugins.js"></script>
        <script type="text/javascript" src="js/core.js"></script>
        <script type="text/javascript" src="js/scripts.js"></script>
    </body>

</html>